<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>医疗护理主题模板</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" type="text/css" href="/css/plugins.css">
  <link rel="stylesheet" type="text/css" href="/css/style.css">
  <script src="/js/modernizer.js"></script>
  <script src="/js/ueditor/ueditor.config.js"></script>
  <script src="/js/ueditor/ueditor.all.min.js"></script>
  <script src="/js/ueditor/lang/zh-cn/zh-cn.js"></script>s
  <style type="text/css">
    #freecssfooter{display:block;width:100%;padding:120px 0 20px;overflow:hidden;background-color:transparent;z-index:5000;text-align:center;}
    #freecssfooter div#fcssholder div{display:none;}
    #freecssfooter div#fcssholder div:first-child{display:block;}
    #freecssfooter div#fcssholder div:first-child a{float:none;margin:0 auto;}
  </style>
</head>
<body class="clinic_version">
<script type="text/javascript">
</script>
<div id="preloader"><img class="preloader" src="/picture/heart-loading2.gif" alt="website template image"></div>
<header>
  <div class="header-top wow fadeIn">
    <div class="container"><a class="navbar-brand" href="free-css-templates.html"><img src="/picture/logo.png" alt="website template image"></a>
      <div class="right-header">
        <div class="header-info">
          <div class="info-inner"><span class="icontop"><img src="/picture/phone-icon.png" alt="website template image"></span><span class="iconcont"><a href="free-css-templates.html">800 123 456</a></span></div>
          <div class="info-inner"><span class="icontop"><i class="fa fa-envelope" aria-hidden="true"></i></span><span class="iconcont"><a href="free-css-templates.html">info@domain.com</a></span></div>
          <div class="info-inner"><span class="icontop"><i class="fa fa-clock-o" aria-hidden="true"></i></span><span class="iconcont"><a href="free-css-templates.html">Daily: 7:00am - 8:00pm</a></span></div>
        </div>
      </div>
    </div>
  </div>
  <div class="header-bottom wow fadeIn">
    <div class="container">
      <nav class="main-menu">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i class="fa fa-bars" aria-hidden="true"></i></button>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><a class="active" href="free-css-templates.html">Home</a></li>
            <li><a data-scroll="" href="#about">About us</a></li>
            <li><a data-scroll="" href="#service">Services</a></li>
            <li><a data-scroll="" href="#doctors">Doctors</a></li>
            <li><a data-scroll="" href="#price">Price</a></li>
            <li><a data-scroll="" href="#testimonials">Testimonials</a></li>
            <li><a data-scroll="" href="#getintouch">Contact</a></li>
          </ul>
        </div>
      </nav>
      <div class="serch-bar">
        <div id="custom-search-input">
          <div class="input-group col-md-12">
            <input type="text" class="form-control input-lg" placeholder="Search">
            <span class="input-group-btn">
            <button class="btn btn-info btn-lg" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
            </span></div>
        </div>
      </div>
    </div>
  </div>
</header>
<div id="home" class="parallax first-section wow fadeIn" data-stellar-background-ratio="0.4" style="background-image:url('static/picture/slider-bg.jpg')">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-sm-12">
        <div class="text-contant">
          <h2><span class="center"><span class="icon"><img src="/picture/icon-logo.png" alt="website template image"></span></span><a href="javascript:void(0)" class="typewrite" data-period="2000" data-type='[ "Welcome to Life Care", "We Care Your Health", "We are Expert!" ]'><span class="wrap"></span></a></h2>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="time-table" class="time-table-section">
  <div class="container">
    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
      <div class="row">
        <div class="service-time one" style="background:#2895f1;"><span class="info-icon"><i class="fa fa-ambulance" aria-hidden="true"></i></span>
          <h3>Emergency Case</h3>
          <p>Dignissimos ducimus qui blanditii sentium volta tum deleniti atque cori as quos dolores et quas mole.</p>
        </div>
      </div>
    </div>
    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
      <div class="row">
        <div class="service-time middle" style="background:#0071d1;"><span class="info-icon"><i class="fa fa-clock-o" aria-hidden="true"></i></span>
          <h3>Working Hours</h3>
          <div class="time-table-section">
            <ul>
              <li><span class="left">Monday - Friday</span><span class="right">8.00 – 18.00</span></li>
              <li><span class="left">Saturday</span><span class="right">8.00 – 16.00</span></li>
              <li><span class="left">Sunday</span><span class="right">8.00 – 13.00</span></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
      <div class="row">
        <div class="service-time three" style="background:#0060b1;"><span class="info-icon"><i class="fa fa-hospital-o" aria-hidden="true"></i></span>
          <h3>Clinic Timetable</h3>
          <p>Dignissimos ducimus qui blanditii sentium volta tum deleniti atque cori as quos dolores et quas mole.</p>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="about" class="section wow fadeIn">
  <div class="container">
    <div class="heading"><span class="icon-logo"><img src="/picture/icon-logo.png" alt="website template image"></span>
      <h2>The Specialist Clinic</h2>
    </div>
    <div class="row">
      <div class="col-md-6">
        <div class="message-box">
          <h4>What We Do</h4>
          <h2>Clinic Service</h2>
          <p class="lead">Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus. Sed a tellus quis mi rhoncus dignissim.</p>
          <p>Integer rutrum ligula eu dignissim laoreet. Pellentesque venenatis nibh sed tellus faucibus bibendum. Sed fermentum est vitae rhoncus molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
          <a href="#service" data-scroll="" class="btn btn-light btn-radius btn-brd grd1 effect-1">Learn More</a></div>
      </div>
      <div class="col-md-6">
        <div class="post-media wow fadeIn"><img src="/picture/about_03.jpg" alt="website template image" class="img-responsive"><a href="javascript:;" data-rel="prettyPhoto[gal]" class="playbutton"><i class="flaticon-play-button"></i></a></div>
      </div>
    </div>
    <hr class="hr1">
    <div class="row">
      <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="service-widget">
          <div class="post-media wow fadeIn"><a href="/picture/clinic_01.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a><img src="static/picture/clinic_01.jpg" alt="website template image" class="img-responsive"></div>
          <h3>Digital Control Center</h3>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="service-widget">
          <div class="post-media wow fadeIn"><a href="/picture/clinic_02.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a><img src="static/picture/clinic_02.jpg" alt="website template image" class="img-responsive"></div>
          <h3>Hygienic Operating Room</h3>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="service-widget">
          <div class="post-media wow fadeIn"><a href="/picture/clinic_03.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a><img src="static/picture/clinic_03.jpg" alt="website template image" class="img-responsive"></div>
          <h3>Specialist Physicians</h3>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="service-widget">
          <div class="post-media wow fadeIn"><a href="/picture/clinic_01.jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a><img src="static/picture/clinic_01.jpg" alt="website template image" class="img-responsive"></div>
          <h3>Digital Control Center</h3>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="service" class="services wow fadeIn">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-8 col-sm-6 col-xs-12">
        <div class="inner-services">
          <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="serv"><span class="icon-service"><img src="/picture/service-icon1.png" alt="website template image"></span>
              <h4>PREMIUM FACILITIES</h4>
              <p>Lorem Ipsum is simply dummy text of the printing.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="serv"><span class="icon-service"><img src="/picture/service-icon2.png" alt="website template image"></span>
              <h4>LARGE LABORATORY</h4>
              <p>Lorem Ipsum is simply dummy text of the printing.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="serv"><span class="icon-service"><img src="/picture/service-icon3.png" alt="website template image"></span>
              <h4>DETAILED SPECIALIST</h4>
              <p>Lorem Ipsum is simply dummy text of the printing.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="serv"><span class="icon-service"><img src="/picture/service-icon4.png" alt="website template image"></span>
              <h4>CHILDREN CARE CENTER</h4>
              <p>Lorem Ipsum is simply dummy text of the printing.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="serv"><span class="icon-service"><img src="/picture/service-icon5.png" alt="website template image"></span>
              <h4>FINE INFRASTRUCTURE</h4>
              <p>Lorem Ipsum is simply dummy text of the printing.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="serv"><span class="icon-service"><img src="/picture/service-icon6.png" alt="website template image"></span>
              <h4>ANYTIME BLOOD BANK</h4>
              <p>Lorem Ipsum is simply dummy text of the printing.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
        <div class="appointment-form">
          <h3><span>+</span>预约</h3>
          <div class="form">
            <form action="#" method="post">
              <fieldset>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                  <div class="row">
                    <div class="form-group">
                      <!--<input type="text" id="name" th:value="${#session.getAttribute('user')}.patientpho">-->
                      <input type="text" readonly>
                    </div>
                  </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 select-section">
                  <div class="row">
                    <div class="form-group">
                      <input type="date" name="createtime" id="clock" value="2000-01-01" />
                    </div>
                    <div class="form-group">
                      <select class="form-control">
                        <option value="-1">请选择您要预约的时间段</option>
                        <option value="0">AM</option>
                        <option value="1">PM</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 select-section">
                  <div class="row">
                    <div class="form-group">
                      <select class="form-control" onchange="changeDepartment(this)">
                        <option th:each="department:${departmentList}"
                                th:text="${department.departname}"
                                th:value="${department.departid}"
                        ></option>
                      </select>
                    </div>
                    <div class="form-group">
                      <select id="doctorList" class="form-control">
                        <option th:each="doctor:${doctorList}"
                                th:text="${doctor.doctor_name}"
                                th:value="${doctor.doctor_id}"
                        ></option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                  <div class="row">
                    <div class="form-group">
                      <textarea rows="4" id="content" name="" ></textarea>
                    </div>
                  </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                  <div class="row">
                    <div class="form-group">
                      <div class="center">
                        <button type="submit">提交</button>
                      </div>
                    </div>
                  </div>
                </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="doctors" class="parallax section db" data-stellar-background-ratio="0.4" style="background:#fff;" data-scroll-id="doctors" tabindex="-1">
  <div class="container">
    <div class="heading"><span class="icon-logo"><img src="/picture/icon-logo.png" alt="website template image"></span>
      <h2>The Specialist Clinic</h2>
    </div>
    <div class="row dev-list text-center">
      <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" style="visibility:visible;animation-duration:1s;animation-delay:0.2s;animation-name:fadeIn;">
        <div class="widget clearfix"><img src="/picture/doctor_01.jpg" alt="website template image" class="img-responsive img-rounded">
          <div class="widget-title">
            <h3>Soren Bo Bostian</h3>
            <small>Clinic Owner</small></div>
          <p>Hello guys, I am Soren from Sirbistana. I am senior art director and founder of Violetta.</p>
          <div class="footer-social"><a href="free-css-templates.html" class="btn grd1"><i class="fa fa-facebook"></i></a> <a href="free-css-templates.html" class="btn grd1"><i class="fa fa-github"></i></a> <a href="free-css-templates.html" class="btn grd1"><i class="fa fa-twitter"></i></a> <a href="free-css-templates.html" class="btn grd1"><i class="fa fa-linkedin"></i></a></div>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s" style="visibility:visible;animation-duration:1s;animation-delay:0.4s;animation-name:fadeIn;">
        <div class="widget clearfix"><img src="/picture/doctor_02.jpg" alt="website template image" class="img-responsive img-rounded">
          <div class="widget-title">
            <h3>Bryan Saftler</h3>
            <small>Internal Diseases</small></div>
          <p>Hello guys, I am Soren from Sirbistana. I am senior art director and founder of Violetta.</p>
          <div class="footer-social"><a href="free-css-templates.html" class="btn grd1"><i class="fa fa-facebook"></i></a> <a href="free-css-templates.html" class="btn grd1"><i class="fa fa-github"></i></a> <a href="free-css-templates.html" class="btn grd1"><i class="fa fa-twitter"></i></a> <a href="free-css-templates.html" class="btn grd1"><i class="fa fa-linkedin"></i></a></div>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 wow fadeIn">
        <div class="widget clearfix"><img src="/picture/doctor_03.jpg" alt="website template image" class="img-responsive img-rounded">
          <div class="widget-title">
            <h3>Matthew Bayliss</h3>
            <small>Orthopedics Expert</small></div>
          <p>Hello guys, I am Soren from Sirbistana. I am senior art director and founder of Violetta.</p>
          <div class="footer-social"><a href="free-css-templates.html" class="btn grd1"><i class="fa fa-facebook"></i></a> <a href="free-css-templates.html" class="btn grd1"><i class="fa fa-github"></i></a> <a href="free-css-templates.html" class="btn grd1"><i class="fa fa-twitter"></i></a> <a href="free-css-templates.html" class="btn grd1"><i class="fa fa-linkedin"></i></a></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="price" class="section pr wow fadeIn" style="background-image:url('static/picture/price-bg.jpg')">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="tab-content">
          <div class="tab-pane active fade in" id="tab1">
            <div class="row text-center">
              <div class="col-md-4">
                <div class="pricing-table">
                  <div class="pricing-table-header">
                    <h2>Shared Hosting</h2>
                    <h3>$85/month</h3>
                  </div>
                  <div class="pricing-table-features">
                    <p><i class="fa fa-envelope-o"></i> <strong>250</strong> Email Addresses</p>
                    <p><i class="fa fa-rocket"></i> <strong>125GB</strong> of Storage</p>
                    <p><i class="fa fa-database"></i> <strong>140</strong> Databases</p>
                    <p><i class="fa fa-link"></i> <strong>60</strong> Domains</p>
                    <p><i class="fa fa-life-ring"></i> <strong>24/7 Unlimited</strong> Support</p>
                  </div>
                  <div class="pricing-table-sign-up"><a href="#getintouch" data-scroll="" class="btn btn-dark btn-radius btn-brd">Order Now</a></div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="pricing-table pricing-table-highlighted">
                  <div class="pricing-table-header grd1">
                    <h2>WordPress Hosting</h2>
                    <h3>$59/year</h3>
                  </div>
                  <div class="pricing-table-space"></div>
                  <div class="pricing-table-text">
                    <p>This is a perfect choice for small businesses and startups.</p>
                  </div>
                  <div class="pricing-table-features">
                    <p><i class="fa fa-envelope-o"></i> <strong>150</strong> Email Addresses</p>
                    <p><i class="fa fa-rocket"></i> <strong>65GB</strong> of Storage</p>
                    <p><i class="fa fa-database"></i> <strong>60</strong> Databases</p>
                    <p><i class="fa fa-link"></i> <strong>30</strong> Domains</p>
                    <p><i class="fa fa-life-ring"></i> <strong>24/7 Unlimited</strong> Support</p>
                  </div>
                  <div class="pricing-table-sign-up"><a href="#getintouch" data-scroll="" class="btn btn-light btn-radius btn-brd grd1 effect-1">Order Now</a></div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="pricing-table">
                  <div class="pricing-table-header">
                    <h2>Reseller Hosting</h2>
                    <h3>$85/one-time</h3>
                  </div>
                  <div class="pricing-table-features">
                    <p><i class="fa fa-envelope-o"></i> <strong>250</strong> Email Addresses</p>
                    <p><i class="fa fa-rocket"></i> <strong>125GB</strong> of Storage</p>
                    <p><i class="fa fa-database"></i> <strong>140</strong> Databases</p>
                    <p><i class="fa fa-link"></i> <strong>60</strong> Domains</p>
                    <p><i class="fa fa-life-ring"></i> <strong>24/7 Unlimited</strong> Support</p>
                  </div>
                  <div class="pricing-table-sign-up"><a href="#getintouch" data-scroll="" class="btn btn-dark btn-radius btn-brd">Order Now</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="tab-pane fade" id="tab2">
            <div class="row text-center">
              <div class="col-md-6">
                <div class="pricing-table">
                  <div class="pricing-table-header">
                    <h2>Dedicated Server</h2>
                    <h3>$85/month</h3>
                  </div>
                  <div class="pricing-table-space"></div>
                  <div class="pricing-table-features">
                    <p><i class="fa fa-envelope-o"></i> <strong>250</strong> Email Addresses</p>
                    <p><i class="fa fa-rocket"></i> <strong>125GB</strong> of Storage</p>
                    <p><i class="fa fa-database"></i> <strong>140</strong> Databases</p>
                    <p><i class="fa fa-link"></i> <strong>60</strong> Domains</p>
                    <p><i class="fa fa-life-ring"></i> <strong>24/7 Unlimited</strong> Support</p>
                  </div>
                  <div class="pricing-table-sign-up"><a href="#getintouch" data-scroll="" class="btn btn-dark btn-radius btn-brd">Order Now</a></div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="pricing-table pricing-table-highlighted">
                  <div class="pricing-table-header grd1">
                    <h2>VPS Server</h2>
                    <h3>$59/month</h3>
                  </div>
                  <div class="pricing-table-space"></div>
                  <div class="pricing-table-text">
                    <p>This is a perfect choice for small businesses and startups.</p>
                  </div>
                  <div class="pricing-table-features">
                    <p><i class="fa fa-envelope-o"></i> <strong>150</strong> Email Addresses</p>
                    <p><i class="fa fa-rocket"></i> <strong>65GB</strong> of Storage</p>
                    <p><i class="fa fa-database"></i> <strong>60</strong> Databases</p>
                    <p><i class="fa fa-link"></i> <strong>30</strong> Domains</p>
                    <p><i class="fa fa-life-ring"></i> <strong>24/7 Unlimited</strong> Support</p>
                  </div>
                  <div class="pricing-table-sign-up"><a href="#getintouch" data-scroll="" class="btn btn-light btn-radius btn-brd grd1 effect-1">Order Now</a></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="testimonials" class="section wb wow fadeIn">
  <div class="container">
    <div class="heading"><span class="icon-logo"><img src="/picture/icon-logo.png" alt="website template image"></span>
      <h2>Testimonials</h2>
    </div>
    <div class="row">
      <div class="col-md-6 col-sm-12 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
        <div class="testimonial clearfix">
          <div class="desc">
            <h3><i class="fa fa-quote-left"></i> The amazing clinic! Wonderful Support!</h3>
            <p class="lead">They have got my project on time with the competition with a sed highly skilled, and experienced &amp; professional team.</p>
          </div>
          <div class="testi-meta"><img src="/picture/testi_01.png" alt="website template image" class="img-responsive alignleft">
            <h4>James Fernando <small>- Manager of Racer</small></h4>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-sm-12 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
        <div class="testimonial clearfix">
          <div class="desc">
            <h3><i class="fa fa-quote-left"></i> Thanks for Help us!</h3>
            <p class="lead">They have got my project on time with the competition with a sed highly skilled, and experienced &amp; professional team.</p>
          </div>
          <div class="testi-meta"><img src="/picture/testi_02.png" alt="website template image" class="img-responsive alignleft">
            <h4>Andrew Atkinson <small>- Life Manager</small></h4>
          </div>
        </div>
      </div>
    </div>
    <hr class="invis">
    <div class="row">
      <div class="col-md-6 col-sm-12 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
        <div class="testimonial clearfix">
          <div class="desc">
            <h3><i class="fa fa-quote-left"></i> The amazing clinic! Wonderful Support!</h3>
            <p class="lead">They have got my project on time with the competition with a sed highly skilled, and experienced &amp; professional team.</p>
          </div>
          <div class="testi-meta"><img src="/picture/testi_03.png" alt="website template image" class="img-responsive alignleft">
            <h4>Amanda DOE <small>- Manager of Racer</small></h4>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-sm-12 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
        <div class="testimonial clearfix">
          <div class="desc">
            <h3><i class="fa fa-quote-left"></i> Thanks for Help us!</h3>
            <p class="lead">They have got my project on time with the competition with a sed highly skilled, and experienced &amp; professional team.</p>
          </div>
          <div class="testi-meta"><img src="/picture/testi_01.png" alt="website template image" class="img-responsive alignleft">
            <h4>Martin Johnson <small>- Founder of Goosilo</small></h4>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="getintouch" class="section wb wow fadeIn" style="padding-bottom:0;">
  <div class="container">
    <div class="heading"><span class="icon-logo"><img src="/picture/icon-logo.png" alt="website template image"></span>
      <h2>Get in Touch</h2>
    </div>
  </div>
  <div class="contact-section">
    <div class="form-contant">
      <form id="ajax-contact" action="#" method="post">
        <div class="row">
          <div class="col-md-6">
            <div class="form-group in_name">
              <input type="text" class="form-control" placeholder="Name" required="">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group in_email">
              <input type="email" class="form-control" placeholder="E-mail" required="">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group in_email">
              <input type="tel" class="form-control" id="phone" placeholder="Phone" required="">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group in_email">
              <input type="text" class="form-control" id="subject" placeholder="Subject" required="">
            </div>
          </div>
          <div class="col-md-12">
            <div class="form-group in_message">
              <textarea class="form-control" id="message" rows="5" placeholder="Message" required=""></textarea>
            </div>
            <div class="actions">
              <input type="submit" value="Send Message" name="submit" id="submitButton" class="btn small" title="Submit Your Message!">
            </div>
          </div>
        </div>
      </form>
    </div>
    <div id="googleMap" style="width:100%;height:450px;"></div>
  </div>
</div>
<footer id="footer" class="footer-area wow fadeIn">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <div class="logo padding"><a href="free-css-templates.html"><img src="/picture/logo.png" alt="website template image"></a>
          <p>Locavore pork belly scen ester pine est chill wave microdosing pop uple itarian cliche artisan.</p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="footer-info padding">
          <h3>CONTACT US</h3>
          <p><i class="fa fa-map-marker" aria-hidden="true"></i> PO Box 16122 Collins Street West Victoria 8007 Australia</p>
          <p><i class="fa fa-paper-plane" aria-hidden="true"></i> info@domain.com</p>
          <p><i class="fa fa-phone" aria-hidden="true"></i> (+1) 800 123 456</p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="subcriber-info">
          <h3>SUBSCRIBE</h3>
          <p>Get healthy news, tip and solutions to your problems from our experts.</p>
          <div class="subcriber-box">
            <form action="#" method="post" class="mc-form" id="mc-form">
              <div class="newsletter-form">
                <input type="email" autocomplete="off" id="mc-email" placeholder="Email address" class="form-control" name="EMAIL">
                <button class="mc-submit" type="submit"><i class="fa fa-paper-plane"></i></button>
                <div class="clearfix"></div>
                <div class="mailchimp-alerts">
                  <div class="mailchimp-submitting"></div>
                  <div class="mailchimp-success"></div>
                  <div class="mailchimp-error"></div>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
<div class="copyright-area wow fadeIn">
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        <div class="footer-text">
          <p>&copy; 2045 Life Care. All Rights Reserved.</p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="social">
          <ul class="social-links">
            <li><a href="free-css-templates.html"><i class="fa fa-rss"></i></a></li>
            <li><a href="free-css-templates.html"><i class="fa fa-facebook"></i></a></li>
            <li><a href="free-css-templates.html"><i class="fa fa-twitter"></i></a></li>
            <li><a href="free-css-templates.html"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="free-css-templates.html"><i class="fa fa-youtube"></i></a></li>
            <li><a href="free-css-templates.html"><i class="fa fa-pinterest"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<a href="#home" data-scroll="" class="dmtop global-radius"><i class="fa fa-angle-up"></i></a>
<script src="/js/all.js"></script>
<script src="/js/custom.js"></script>
<div id="freecssfooter">
  <div id="fcssholder">
    <div id="bsap_2365" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67"></div>
  </div>
</div>
<script type="text/javascript">
  //实例化编辑器
  //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
  UE.getEditor('content',{initialFrameHeight:160,
    toolbars: [
      ['fullscreen', 'source', 'undo', 'redo', 'bold','insertimage','autotypeset','attachment','cleardoc']
    ]
  });
</script>
<script type="text/javascript">
  let d = new Date();
  let myTime = d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();
  // alert(myTime);
  document.getElementById("clock").value=myTime;
  function changeDepartment(obj){
    // alert(obj.value);
    var isOk=true;
    var mydepartid = obj.value;
    $.ajax({
      url: "findByDepartmentId/"+mydepartid,
      // data:{departid:mydepartid},
      success:function(result){
        $("#doctorList").empty();
        // console.log(result);
        // alert(result[0]);
        $.each(result, function(index, item){
          var id = result[index].doctor_id;
          var text = result[index].doctor_name;
          $("#doctorList").append("<option value='"+id+"'>"+text+"</option>");
        })
      }
    });
  }
</script>
</body>
</html>